<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">

<ui:composition
	template="/WEB-INF/facelets/templates/templateGrupo.xhtml">
	<ui:define name="content">

		<h3 align="center" style="color: #FF9900">MIEMBROS DEL GRUPO</h3>
		<br />
		<h:graphicImage value="/images/integrantes.jpg" />
		<rich:separator></rich:separator>
		<br />
		<h2>Maestro/Coinvestigador</h2>
		<br />
		<h:form>
			<a4j:region>
				<rich:dataTable value="#{grupoBean.listaMaestros}"
					id="tablaMaestros" var="maestro"
					binding="#{grupoBean.tablaMaestros}" align="center">
					<f:facet name="header">
						<h:outputText value="estudiantes hechas por mis grupos asesorados" />
					</f:facet>
					<rich:column>
						<f:facet name="header">
							<h:outputText value="Nombre" />
						</f:facet>
						<h:outputText value="#{maestro.nombre}" id="nombre" />
					</rich:column>
					<rich:column>
						<f:facet name="header">
							<h:outputText value="identificacion" />
						</f:facet>
						<h:outputText value="#{maestro.identificacion}"
							id="identificacion" />
					</rich:column>
					<rich:column>
						<f:facet name="header">
							<h:outputText value="Edad" />
						</f:facet>
						<h:outputText value="#{maestro.edad}" id="edad" />
					</rich:column>
					<rich:column>
						<f:facet name="header">
							<h:outputText value="Experiencia" />
						</f:facet>
						<h:outputText value="#{maestro.experiencia}" id="experiencia" />
					</rich:column>
					<rich:column>
						<f:facet name="header">
							<h:outputText value="Responder" />
						</f:facet>
						<a4j:commandLink action="#{grupoBean.obtenerSeleccionMaestro}"
							id="editarLink"
							oncomplete="#{rich:component('resPanelMaestro')}.show()">
							ver<h:graphicImage value="/images/icons/lupa.jpg" />
						</a4j:commandLink>
						<rich:toolTip for="editarLink"
							value="Ver mas datos de este miembro" />

						<a4j:commandLink action="#{grupoBean.obtenerSeleccionMaestro}"
							id="editarLink1"
							oncomplete="#{rich:component('editPanelMaestro')}.show()">
							Editar<h:graphicImage value="/images/icons/edit.jpg" />
						</a4j:commandLink>
						<rich:toolTip for="editarLink1" value="Editar este miembro" />

						<a4j:commandLink action="#{grupoBean.obtenerSeleccionMaestro}"
							id="editarLink2"
							oncomplete="#{rich:component('delPanelMaestro')}.show()">
							Eliminar<h:graphicImage value="/images/icons/delete.jpg" />
						</a4j:commandLink>
						<rich:toolTip for="editarLink2" value="Eliminar este miembro" />
					</rich:column>
				</rich:dataTable>
			</a4j:region>
			<br />
			<br />
			<h3>
				<a4j:commandLink
					oncomplete="#{rich:component('newMaestroPanel')}.show()">
					<h1 align="left">Insertar un nuevo Maestro</h1>
				</a4j:commandLink>
			</h3>
		</h:form>

		<rich:modalPanel id="newMaestroPanel" autosized="true" width="450"
			style="background-color:white;">
			<f:facet name="header">
				<h:outputText value="Nuevo Maestro" />
			</f:facet>
			<f:facet name="controls">
				<h:panelGroup>
					<h:graphicImage value="/images/icons/close.jpg"
						id="maestrohidelink" styleClass="hidelink" />
					<rich:componentControl for="newMaestroPanel"
						attachTo="maestrohidelink" operation="hide" event="onclick" />
				</h:panelGroup>
			</f:facet>
			<a4j:form>
				<h:panelGrid columns="1">
					<a4j:outputPanel ajaxRendered="true">
						<h:panelGrid columns="3">
							<h:outputText value="Nombre:" />
							<h:inputText value="#{grupoBean.nuevoMaestro.nombre}"
								id="nombreM" required="true" requiredMessage="Dato requerido">
								<rich:ajaxValidator event="onblur" />
							</h:inputText>
							<rich:message for="nombreM" style="color:red;">
								<f:facet name="errorMarker">
									<h:graphicImage value="/images/icons/error.jpg" />
								</f:facet>
							</rich:message>


							<h:outputText value="Identificacion:" />
							<h:inputText value="#{grupoBean.nuevoMaestro.identificacion}"
								id="idM" required="true" requiredMessage="Dato requerido"
								validatorMessage="Valor no esta en el rango">
								<f:validateLongRange minimum="1000000" maximum="999999999999" />
								<rich:ajaxValidator event="onblur" />
							</h:inputText>
							<rich:message for="idM" style="color:red;">
								<f:facet name="errorMarker">
									<h:graphicImage value="/images/icons/error.jpg" />
								</f:facet>
							</rich:message>


							<h:outputText value="Sexo:" />
							<rich:comboBox suggestionValues="#{grupoBean.listaSexo}"
								directInputSuggestions="true" defaultLabel="Seleccione un Valor"
								value="#{grupoBean.nuevoMaestro.sexo}" immediate="true"
								enableManualInput="false" id="sexoM" required="true"
								requiredMessage="Dato Requerido" />
							<rich:message for="sexoM" style="color:red;">
								<f:facet name="errorMarker">
									<h:graphicImage value="/images/icons/error.jpg" />
								</f:facet>
							</rich:message>


							<h:outputText value="Edad:" />
							<h:inputText value="#{grupoBean.nuevoMaestro.edad}" id="edadM"
								validatorMessage="La edad debe ser entre 18 y 99 años">
								<f:validateLongRange minimum="18" maximum="99" />
								<rich:ajaxValidator event="onblur" />
							</h:inputText>
							<rich:message for="edadM" style="color:red;">
								<f:facet name="errorMarker">
									<h:graphicImage value="/images/icons/error.jpg" />
								</f:facet>
							</rich:message>


							<h:outputText value="Experiencia" />
							<h:inputText value="#{grupoBean.nuevoMaestro.experiencia}"
								id="experienciaM" required="true"
								requiredMessage="Dato requerido">
								<rich:ajaxValidator event="onblur" />
							</h:inputText>
							<rich:message for="experienciaM" style="color:red;">
								<f:facet name="errorMarker">
									<h:graphicImage value="/images/icons/error.jpg" />
								</f:facet>
							</rich:message>


							<h:outputText value="Telefono:" />
							<h:inputText value="#{grupoBean.nuevoMaestro.telefono}"
								id="telefonoM" />
							<rich:message for="telefonoM" style="color:red;">
								<f:facet name="errorMarker">
									<h:graphicImage value="/images/icons/error.jpg" />
								</f:facet>
							</rich:message>


							<h:outputText value="Celular:" />
							<h:inputText value="#{grupoBean.nuevoMaestro.celular}"
								id="celularM" required="true" requiredMessage="Dato requerido" />
							<rich:message for="celularM" style="color:red;">
								<f:facet name="errorMarker">
									<h:graphicImage value="/images/icons/error.jpg" />
								</f:facet>
							</rich:message>


							<h:outputText value="Email" />
							<h:inputText value="#{grupoBean.nuevoMaestro.email}" id="emailM"
								required="true" requiredMessage="Dato Requerido">
								<rich:ajaxValidator event="onblur" />
							</h:inputText>
							<rich:message for="emailM" style="color:red;">
								<f:facet name="errorMarker">
									<h:graphicImage value="/images/icons/error.jpg" />
								</f:facet>
							</rich:message>

						</h:panelGrid>
						<br></br>
					</a4j:outputPanel>
					<a4j:commandButton value="Guardar"
						action="#{grupoBean.crearMaestroGrupo}" reRender="tabla"
						oncomplete="if (#{facesContext.maximumSeverity==null}) #{rich:component('newMaestroPanel')}.hide();" />
				</h:panelGrid>
			</a4j:form>

		</rich:modalPanel>

		<rich:modalPanel id="resPanelMaestro" autosized="true" width="300"
			style="background-color:white;">
			<f:facet name="header">
				<h:outputText value="Datos Del Maestro" />
			</f:facet>
			<f:facet name="controls">
				<h:panelGroup>
					<h:graphicImage value="/images/icons/close.jpg" id="hidelinkM"
						styleClass="hidelink" />
					<rich:componentControl for="resPanelMaestro" attachTo="hidelinkM"
						operation="hide" event="onclick" />
				</h:panelGroup>
			</f:facet>
			<h:form>
				<rich:messages style="color:red;"></rich:messages>
				<h:panelGrid columns="1">
					<a4j:outputPanel ajaxRendered="true">
						<h:panelGrid columns="2">
							<h:outputText value="Nombre:" />
							<h:outputText value="#{grupoBean.maestroSeleccionado.nombre}" />

							<h:outputText value="Identificacion:" />
							<h:outputText
								value="#{grupoBean.maestroSeleccionado.identificacion}" />

							<h:outputText value="Sexo:" />
							<h:outputText value="#{grupoBean.maestroSeleccionado.sexo}" />

							<h:outputText value="Edad:" />
							<h:outputText value="#{grupoBean.maestroSeleccionado.edad}" />

							<h:outputText value="Experiencia" />
							<h:outputText
								value="#{grupoBean.maestroSeleccionado.experiencia}" />

							<h:outputText value="Telefono:" />
							<h:outputText value="#{grupoBean.maestroSeleccionado.telefono}" />

							<h:outputText value="Celular:" />
							<h:outputText value="#{grupoBean.maestroSeleccionado.celular}" />

							<h:outputText value="Email" />
							<h:outputText value="#{grupoBean.maestroSeleccionado.email}" />

						</h:panelGrid>
					</a4j:outputPanel>
				</h:panelGrid>
			</h:form>
		</rich:modalPanel>

		<rich:modalPanel id="editPanelMaestro" autosized="true" width="400"
			style="background-color:white;">
			<f:facet name="header">
				<h:outputText value="Editar Maestro" />
			</f:facet>
			<f:facet name="controls">
				<h:panelGroup>
					<h:graphicImage value="/images/icons/close.jpg" id="hidelinkEM"
						styleClass="hidelink" />
					<rich:componentControl for="editPanelMaestro" attachTo="hidelinkEM"
						operation="hide" event="onclick" />
				</h:panelGroup>
			</f:facet>
			<h:form>
				<h:panelGrid columns="1">
					<a4j:outputPanel ajaxRendered="true">
						<h:panelGrid columns="3">
							<h:outputText value="Nombre:" />
							<h:inputText value="#{grupoBean.maestroSeleccionado.nombre}"
								id="nombreM" required="true" requiredMessage="Dato requerido">
								<rich:ajaxValidator event="onblur" />
							</h:inputText>
							<rich:message for="nombreM" style="color:red;">
								<f:facet name="errorMarker">
									<h:graphicImage value="/images/icons/error.jpg" />
								</f:facet>
							</rich:message>


							<h:outputText value="Identificacion:" />
							<h:outputText
								value="#{grupoBean.maestroSeleccionado.identificacion}" id="idM">
							</h:outputText>
							<rich:message for="idM" style="color:red;">
								<f:facet name="errorMarker">
									<h:graphicImage value="/images/icons/error.jpg" />
								</f:facet>
							</rich:message>


							<h:outputText value="Sexo:" />
							<rich:comboBox suggestionValues="#{grupoBean.listaSexo}"
								directInputSuggestions="true" defaultLabel="Seleccione un Valor"
								value="#{grupoBean.maestroSeleccionado.sexo}" immediate="true"
								enableManualInput="false" id="sexoM" required="true"
								requiredMessage="Dato Requerido" />
							<rich:message for="sexoM" style="color:red;">
								<f:facet name="errorMarker">
									<h:graphicImage value="/images/icons/error.jpg" />
								</f:facet>
							</rich:message>


							<h:outputText value="Edad:" />
							<h:inputText value="#{grupoBean.maestroSeleccionado.edad}"
								id="edadM"
								validatorMessage="La edad debe ser entre 18 y 99 años">
								<f:validateLongRange minimum="18" maximum="99" />
								<rich:ajaxValidator event="onblur" />
							</h:inputText>
							<rich:message for="edadM" style="color:red;">
								<f:facet name="errorMarker">
									<h:graphicImage value="/images/icons/error.jpg" />
								</f:facet>
							</rich:message>


							<h:outputText value="Experiencia" />
							<h:inputText value="#{grupoBean.maestroSeleccionado.experiencia}"
								id="experienciaM" required="true"
								requiredMessage="Dato requerido">
								<rich:ajaxValidator event="onblur" />
							</h:inputText>
							<rich:message for="experienciaM" style="color:red;">
								<f:facet name="errorMarker">
									<h:graphicImage value="/images/icons/error.jpg" />
								</f:facet>
							</rich:message>


							<h:outputText value="Telefono:" />
							<h:inputText value="#{grupoBean.maestroSeleccionado.telefono}"
								id="telefonoM" />
							<rich:message for="telefonoM" style="color:red;">
								<f:facet name="errorMarker">
									<h:graphicImage value="/images/icons/error.jpg" />
								</f:facet>
							</rich:message>


							<h:outputText value="Celular:" />
							<h:inputText value="#{grupoBean.maestroSeleccionado.celular}"
								id="celularM" required="true" requiredMessage="Dato requerido" />
							<rich:message for="celularM" style="color:red;">
								<f:facet name="errorMarker">
									<h:graphicImage value="/images/icons/error.jpg" />
								</f:facet>
							</rich:message>


							<h:outputText value="Email" />
							<h:inputText value="#{grupoBean.maestroSeleccionado.email}"
								id="emailM" required="true" requiredMessage="Dato Requerido">
								<rich:ajaxValidator event="onblur" />
							</h:inputText>
							<rich:message for="emailM" style="color:red;">
								<f:facet name="errorMarker">
									<h:graphicImage value="/images/icons/error.jpg" />
								</f:facet>
							</rich:message>

						</h:panelGrid>
					</a4j:outputPanel>
					<a4j:commandButton value="Guardar"
						action="#{grupoBean.editarMaestro}" reRender="tablaMaestros"
						oncomplete="if (#{facesContext.maximumSeverity==null}) #{rich:component('editPanelMaestro')}.hide();" />
				</h:panelGrid>
			</h:form>
		</rich:modalPanel>

		<rich:modalPanel id="delPanelMaestro" autosized="true" width="300"
			style="background-color:white;">
			<f:facet name="header">
				<h:outputText value="ELiminar Maestro" />
			</f:facet>
			<f:facet name="controls">
				<h:panelGroup>
					<h:graphicImage value="/images/icons/close.jpg" id="hidelinkdel"
						styleClass="hidelink" />
					<rich:componentControl for="delPanelMaestro" attachTo="hidelinkdel"
						operation="hide" event="onclick" />
				</h:panelGroup>
			</f:facet>
			<h:form>
				<rich:messages style="color:red;"></rich:messages>
				<h:panelGrid columns="1">
					<a4j:outputPanel ajaxRendered="true">
						<h:panelGrid columns="2">
							<h:outputText
								value="¿Esta seguro que desea eliminar este maestro?" />
							<h:graphicImage value="/images/icons/interrogacion.jpg" />

							<a4j:commandButton value="Si"
								action="#{grupoBean.eliminarMaestro}" reRender="tablaMaestros"
								oncomplete="if (#{facesContext.maximumSeverity==null}) #{rich:component('delPanelMaestro')}.hide();"
								style="width: 80px; height: 41px; " />

							<a4j:commandButton value="No" reRender="tabla"
								oncomplete="if (#{facesContext.maximumSeverity==null}) #{rich:component('delPanelMaestro')}.hide();"
								style="width: 80px; height: 41px; " />
						</h:panelGrid>
					</a4j:outputPanel>
				</h:panelGrid>
			</h:form>
		</rich:modalPanel>

		<br />
		<rich:separator></rich:separator>
		<br />
		<h2>Estudiantes</h2>
		<br />
		<h:form>
			<a4j:region>
				<rich:dataTable value="#{grupoBean.listaEstudiantes}"
					id="tablaEstudiantes" var="estudiante"
					binding="#{grupoBean.tablaEstudiantes}" align="center">
					<f:facet name="header">
						<h:outputText value="Estudiantes" />
					</f:facet>
					<rich:column>
						<f:facet name="header">
							<h:outputText value="Nombre" />
						</f:facet>
						<h:outputText value="#{estudiante.nombre}" id="nombre" />
					</rich:column>
					<rich:column>
						<f:facet name="header">
							<h:outputText value="identificacion" />
						</f:facet>
						<h:outputText value="#{estudiante.identificacion}"
							id="identificacion" />
					</rich:column>
					<rich:column>
						<f:facet name="header">
							<h:outputText value="Edad" />
						</f:facet>
						<h:outputText value="#{estudiante.edad}" id="edad" />
					</rich:column>
					<rich:column>
						<f:facet name="header">
							<h:outputText value="grado" />
						</f:facet>
						<h:outputText value="#{estudiante.grado}" id="grado" />
					</rich:column>
					<rich:column>
						<f:facet name="header">
							<h:outputText value="Responder" />
						</f:facet>
						<a4j:commandLink action="#{grupoBean.obtenerSeleccionEstudiante}"
							id="editarLink" oncomplete="#{rich:component('resPanel')}.show()">
							ver<h:graphicImage value="/images/icons/lupa.jpg" />
						</a4j:commandLink>
						<rich:toolTip for="editarLink"
							value="Ver mas datos de este miembro" />

						<a4j:commandLink action="#{grupoBean.obtenerSeleccionEstudiante}"
							id="editarLink1"
							oncomplete="#{rich:component('editPanelEstudiante')}.show()">
							Editar<h:graphicImage value="/images/icons/edit.jpg" />
						</a4j:commandLink>
						<rich:toolTip for="editarLink1" value="Editar este miembro" />

						<a4j:commandLink action="#{grupoBean.obtenerSeleccionEstudiante}"
							id="editarLink2"
							oncomplete="#{rich:component('delPanelEstudiante')}.show()">
							Eliminar<h:graphicImage value="/images/icons/delete.jpg" />
						</a4j:commandLink>
						<rich:toolTip for="editarLink2" value="Eliminar este miembro" />
					</rich:column>
				</rich:dataTable>
			</a4j:region>
			<br />
			<br />
			<h3>
				<a4j:commandLink oncomplete="#{rich:component('newPanel')}.show()">
					<h1 align="left">Insertar un nuevo Estudiante</h1>
				</a4j:commandLink>
			</h3>
		</h:form>


		<rich:modalPanel id="newPanel" autosized="true" width="450"
			style="background-color:white;">
			<f:facet name="header">
				<h:outputText value="Nuevo Estudiante" />
			</f:facet>
			<f:facet name="controls">
				<h:panelGroup>
					<h:graphicImage value="/images/icons/close.jpg" id="hidelink"
						styleClass="hidelink" />
					<rich:componentControl for="newPanel" attachTo="hidelink"
						operation="hide" event="onclick" />
				</h:panelGroup>
			</f:facet>
			<h:form>
				<h:panelGrid columns="1">
					<a4j:outputPanel ajaxRendered="true">
						<h:panelGrid columns="3">

							<h:outputText value="Nombre:" />
							<h:inputText value="#{grupoBean.nuevoEstudiante.nombre}"
								required="true" requiredMessage="Dato Requerido" id="nombreE">
								<rich:ajaxValidator event="onblur" />
							</h:inputText>
							<rich:message for="nombreE" style="color:red;">
								<f:facet name="errorMarker">
									<h:graphicImage value="/images/icons/error.jpg" />
								</f:facet>
							</rich:message>

							<h:outputText value="Identificacion:" />
							<h:inputText value="#{grupoBean.nuevoEstudiante.identificacion}"
								id="idE" required="true" requiredMessage="Dato Requerido">
								<f:validateLongRange minimum="1000000" maximum="9999999999" />
								<rich:ajaxValidator event="onblur" />
							</h:inputText>
							<rich:message for="idE" style="color:red;">
								<f:facet name="errorMarker">
									<h:graphicImage value="/images/icons/error.jpg" />
								</f:facet>
							</rich:message>

							<h:outputText value="Sexo:" />
							<rich:comboBox suggestionValues="#{grupoBean.listaSexo}"
								directInputSuggestions="true" defaultLabel="Seleccione un Valor"
								value="#{grupoBean.nuevoEstudiante.sexo}" immediate="true"
								enableManualInput="false" required="true"
								requiredMessage="Dato requerido" id="sexoE" />
							<rich:message for="sexoE" style="color:red;">
								<f:facet name="errorMarker">
									<h:graphicImage value="/images/icons/error.jpg" />
								</f:facet>
							</rich:message>

							<h:outputText value="Edad:" />
							<h:inputText value="#{grupoBean.nuevoEstudiante.edad}" id="edadE"
								required="true" requiredMessage="Dato Requerido"
								validatorMessage="La edad dede ser mayor a 6 años">
								<f:validateLongRange minimum="6" maximum="99" />
								<rich:ajaxValidator event="onblur" />
							</h:inputText>
							<rich:message for="edadE" style="color:red;">
								<f:facet name="errorMarker">
									<h:graphicImage value="/images/icons/error.jpg" />
								</f:facet>
							</rich:message>

							<h:outputText value="Grado" />
							<h:inputText value="#{grupoBean.nuevoEstudiante.grado}"
								id="gradoE" required="true" requiredMessage="Dato Requerido">
								<f:validateLongRange minimum="1" maximum="11" />
								<rich:ajaxValidator event="onblur" />
							</h:inputText>
							<rich:message for="gradoE" style="color:red;">
								<f:facet name="errorMarker">
									<h:graphicImage value="/images/icons/error.jpg" />
								</f:facet>
							</rich:message>

							<h:outputText value="Funcion:" />
							<h:inputText value="#{grupoBean.nuevoEstudiante.funcion}"
								id="funcionE" />
							<rich:message for="funcionE" style="color:red;">
								<f:facet name="errorMarker">
									<h:graphicImage value="/images/icons/error.jpg" />
								</f:facet>
							</rich:message>

							<h:outputText value="Telefono:" />
							<h:inputText value="#{grupoBean.nuevoEstudiante.telefono}"
								id="telefonoE" />
							<rich:message for="telefonoE" style="color:red;">
								<f:facet name="errorMarker">
									<h:graphicImage value="/images/icons/error.jpg" />
								</f:facet>
							</rich:message>

							<h:outputText value="Email" />
							<h:inputText value="#{grupoBean.nuevoEstudiante.email}"
								id="emailE" />
							<rich:message for="emailE" style="color:red;">
								<f:facet name="errorMarker">
									<h:graphicImage value="/images/icons/error.jpg" />
								</f:facet>
							</rich:message>

						</h:panelGrid>
						<br></br>
					</a4j:outputPanel>
					<a4j:commandButton value="Guardar"
						action="#{grupoBean.crearEstudianteGrupo}"
						reRender="tablaEstudiantes"
						oncomplete="if (#{facesContext.maximumSeverity==null}) #{rich:component('newPanel')}.hide();" />
				</h:panelGrid>
			</h:form>
		</rich:modalPanel>

		<rich:modalPanel id="resPanel" autosized="true" width="300"
			style="background-color:white;">
			<f:facet name="header">
				<h:outputText value="Datos Del Estudiante" />
			</f:facet>
			<f:facet name="controls">
				<h:panelGroup>
					<h:graphicImage value="/images/icons/close.jpg" id="hidelink2"
						styleClass="hidelink" />
					<rich:componentControl for="resPanel" attachTo="hidelink2"
						operation="hide" event="onclick" />
				</h:panelGroup>
			</f:facet>
			<h:form>
				<rich:messages style="color:red;"></rich:messages>
				<h:panelGrid columns="1">
					<a4j:outputPanel ajaxRendered="true">
						<h:panelGrid columns="2">
							<h:outputText value="Nombre:" />
							<h:outputText value="#{grupoBean.estudianteSeleccionado.nombre}" />

							<h:outputText value="Identificacion:" />
							<h:outputText
								value="#{grupoBean.estudianteSeleccionado.identificacion}" />

							<h:outputText value="Sexo:" />
							<h:outputText value="#{grupoBean.estudianteSeleccionado.sexo}" />

							<h:outputText value="Edad:" />
							<h:outputText value="#{grupoBean.estudianteSeleccionado.edad}" />

							<h:outputText value="Grado" />
							<h:outputText value="#{grupoBean.estudianteSeleccionado.grado}" />

							<h:outputText value="Funcion:" />
							<h:outputText value="#{grupoBean.estudianteSeleccionado.funcion}" />

							<h:outputText value="Telefono:" />
							<h:outputText
								value="#{grupoBean.estudianteSeleccionado.telefono}" />

							<h:outputText value="Email" />
							<h:outputText value="#{grupoBean.estudianteSeleccionado.email}" />

						</h:panelGrid>
					</a4j:outputPanel>
				</h:panelGrid>
			</h:form>
		</rich:modalPanel>

		<rich:modalPanel id="editPanelEstudiante" autosized="true" width="400"
			style="background-color:white;">
			<f:facet name="header">
				<h:outputText value="Editar Estudiante" />
			</f:facet>
			<f:facet name="controls">
				<h:panelGroup>
					<h:graphicImage value="/images/icons/close.jpg" id="hidelinkEE"
						styleClass="hidelink" />
					<rich:componentControl for="editPanelEstudiante"
						attachTo="hidelinkEE" operation="hide" event="onclick" />
				</h:panelGroup>
			</f:facet>
			<h:form>
				<h:panelGrid columns="1">
					<a4j:outputPanel ajaxRendered="true">
						<h:panelGrid columns="3">

							<h:outputText value="Nombre:" />
							<h:inputText value="#{grupoBean.estudianteSeleccionado.nombre}"
								required="true" id="nombreE">
								<rich:ajaxValidator event="onblur" />
							</h:inputText>
							<rich:message for="nombreE" style="color:red;">
								<f:facet name="errorMarker">
									<h:graphicImage value="/images/icons/error.jpg" />
								</f:facet>
							</rich:message>

							<h:outputText value="Identificacion:" />
							<h:outputText
								value="#{grupoBean.estudianteSeleccionado.identificacion}"
								id="idE" />
							<rich:message for="idE" style="color:red;">
								<f:facet name="errorMarker">
									<h:graphicImage value="/images/icons/error.jpg" />
								</f:facet>
							</rich:message>

							<h:outputText value="Sexo:" />
							<rich:comboBox suggestionValues="#{grupoBean.listaSexo}"
								directInputSuggestions="true" defaultLabel="Seleccione un Valor"
								value="#{grupoBean.estudianteSeleccionado.sexo}"
								immediate="true" enableManualInput="false" required="true"
								requiredMessage="Dato Requerido" id="sexoE" />
							<rich:message for="sexoE" style="color:red;">
								<f:facet name="errorMarker">
									<h:graphicImage value="/images/icons/error.jpg" />
								</f:facet>
							</rich:message>

							<h:outputText value="Edad:" />
							<h:inputText value="#{grupoBean.estudianteSeleccionado.edad}"
								id="edadE" required="true">
								<f:validateLongRange minimum="6" maximum="99" />
								<rich:ajaxValidator event="onblur" />
							</h:inputText>
							<rich:message for="edadE" style="color:red;">
								<f:facet name="errorMarker">
									<h:graphicImage value="/images/icons/error.jpg" />
								</f:facet>
							</rich:message>

							<h:outputText value="Grado" />
							<h:inputText value="#{grupoBean.estudianteSeleccionado.grado}"
								id="gradoE" required="true" requiredMessage="Dato Requerido"
								validatorMessage="El grado debe ser mayor a 1º">
								<f:validateLongRange minimum="1" maximum="11" />
								<rich:ajaxValidator event="onblur" />
							</h:inputText>
							<rich:message for="gradoE" style="color:red;">
								<f:facet name="errorMarker">
									<h:graphicImage value="/images/icons/error.jpg" />
								</f:facet>
							</rich:message>

							<h:outputText value="Funcion:" />
							<h:inputText value="#{grupoBean.estudianteSeleccionado.funcion}"
								id="funcionE" />
							<rich:message for="funcionE" style="color:red;">
								<f:facet name="errorMarker">
									<h:graphicImage value="/images/icons/error.jpg" />
								</f:facet>
							</rich:message>

							<h:outputText value="Telefono:" />
							<h:inputText value="#{grupoBean.estudianteSeleccionado.telefono}"
								id="telefonoE" />
							<rich:message for="telefonoE" style="color:red;">
								<f:facet name="errorMarker">
									<h:graphicImage value="/images/icons/error.jpg" />
								</f:facet>
							</rich:message>

							<h:outputText value="Email" />
							<h:inputText value="#{grupoBean.estudianteSeleccionado.email}"
								id="emailE" />
							<rich:message for="emailE" style="color:red;">
								<f:facet name="errorMarker">
									<h:graphicImage value="/images/icons/error.jpg" />
								</f:facet>
							</rich:message>

						</h:panelGrid>
						<rich:toolTip for="gradoE"
							value="Ingrese un valor numerico entre 1 y 11"></rich:toolTip>
					</a4j:outputPanel>
					<a4j:commandButton value="Guardar"
						action="#{grupoBean.editarEstudiante}" reRender="tablaEstudiantes"
						oncomplete="if (#{facesContext.maximumSeverity==null}) #{rich:component('editPanelEstudiante')}.hide();" />
				</h:panelGrid>
			</h:form>
		</rich:modalPanel>

		<rich:modalPanel id="delPanelEstudiante" autosized="true" width="300"
			style="background-color:white;">
			<f:facet name="header">
				<h:outputText value="ELiminar Estudiante" />
			</f:facet>
			<f:facet name="controls">
				<h:panelGroup>
					<h:graphicImage value="/images/icons/close.jpg" id="hidelinkdelE"
						styleClass="hidelink" />
					<rich:componentControl for="delPanelMaestro"
						attachTo="hidelinkdelE" operation="hide" event="onclick" />
				</h:panelGroup>
			</f:facet>
			<h:form>
				<rich:messages style="color:red;"></rich:messages>
				<h:panelGrid columns="1">
					<a4j:outputPanel ajaxRendered="true">
						<h:panelGrid columns="2">
							<h:outputText
								value="¿Esta seguro que desea eliminar este estudiante?" />
							<h:graphicImage value="/images/icons/interrogacion.jpg" />

							<a4j:commandButton value="Si"
								action="#{grupoBean.eliminarEstudiante}"
								reRender="tablaEstudiantes"
								oncomplete="if (#{facesContext.maximumSeverity==null}) #{rich:component('delPanelEstudiante')}.hide();"
								style="width: 80px; height: 41px; " />

							<a4j:commandButton value="No" reRender="tablaEstudiantes"
								oncomplete="if (#{facesContext.maximumSeverity==null}) #{rich:component('delPanelEstudiante')}.hide();"
								style="width: 80px; height: 41px; " />
						</h:panelGrid>
					</a4j:outputPanel>
				</h:panelGrid>
			</h:form>
		</rich:modalPanel>
	</ui:define>
	<ui:define name="menu1">
		<a4j:form>
			<ul class="menu">
				<li class="item174"><a href="grupoIni.jsf"> <span>Atras</span>
				</a>
				</li>
			</ul>
		</a4j:form>
	</ui:define>
	<ui:define name="menu">
		<a4j:form>
			<ul class="menu">
				<li class="item174"><a href="grupoIni.jsf"> <span>Atras</span>
				</a></li>
			</ul>
		</a4j:form>
	</ui:define>
</ui:composition>
</html>